<!--
  Generated template for the AliPaySuccessPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>支付结果</ion-title>
  </ion-navbar>

</ion-header>

<ion-content padding>
  <ng-container *ngIf="loaded">
  <ion-label style="padding-left: 16px;font-size: 16px;text-align: center">支付成功</ion-label>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">订单号</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center">{{orderDetails.orderNo}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">下单时间</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center">{{orderDetails.orderDate}}</ion-label>
  </ion-item>
  <ion-item>
    <ion-label class="ion-width-33-ctrl">订单总价</ion-label>
    <ion-label class="ion-width-67-ctrl text-align-center" style="color: red">￥{{orderDetails.sumPrice}}</ion-label>
  </ion-item>
  <ion-label style="padding-left: 16px">订单列表</ion-label>
  <ng-container *ngFor="let item of orderDetails.orderDetails">
    <ion-item>
      <ion-label style="font-size: 2.8vh;color: #000000" class="text-align-center">{{item.fName}}　×　{{item.fNum}}</ion-label>
    </ion-item>
  </ng-container>
  </ng-container>
</ion-content>
